﻿<style type="text/css">
    .train_liebioao_main_thumbnail_caozuo > div
    {
        cursor: pointer;
    }
    .train_liebioao_main_thumbnail_caozuo > div:hover
    {
        color: #3399ff;
        transition: all 0.3s ease 0s;
    }
    .train_lecturer
    {
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
    }
    .train_date
    {
        width: 70px;
        white-space: nowrap;
        overflow: hidden;
    }
    .train_liebioao_main_thumbnail_xuanfu_main a
    {
        text-transform: none;
        color: #fff;
        text-decoration:none;
    }
     .train_liebioao_main_thumbnail_xuanfu_main a:hover
    {
        color: #3399ff;
        transition: all 0.3s ease 0s;
    }
    .toggle .check {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6;
}
</style>
<div class="train_liebioao" ng-controller="traincurriculumlist">
    <div ui-view="main"></div>
      <div class="train_liebioao_header">
        <div class="train_liebioao_header_left">
            <div>
                {{"shaixuantiaojian"|T}}:</div>
            <div style="height: 29px; border-radius: 3px; border: 1px solid #ddd; padding: 0 5px;
                line-height: 34px; background-color: #fff; cursor: pointer; outline: none;">
                <select style="border: 0px; width: 112px;" ng-init="screenobj='4'" ng-model="screenobj"
                    ng-change="screenFun()">
                    <option ng-repeat="list in screenlist" value="{{list.num}}">{{list.name}}</option>
                </select>
            </div>
            <div ng-show="screentimeshow" class="train_liebioao_header_left_lrtimesx">
                <a>{{"InputTimeQuery"|T}}：</a>
                <input id="startTime" class="communicationczcxnr" placeholder='{{"kaishiriqi"|T}}' onclick="wdatepicker({highLineWeekDay:true})"
                    ng-focus="GetTime()" onfocus="var endTime=$dp.$('endTime');wdatepicker({onpicked:function(){endTime.focus();},maxDate:'#F{$dp.$D(\'endTime\')}'})">
                <span>-</span>
                <input class="communicationczcxnr" id="endTime" placeholder='{{"jieshuriqi"|T}}' value="" onclick="wdatepicker()"
                    style="width: 80px; height: 27px;" ng-focus="GetTime()" onfocus="wdatepicker({minDate:'#F{$dp.$D(\'startTime\')}'})">
            </div>
            <div ng-show="!screentimeshow">
                <input type="text" ng-model="searchText" placeholder='{{"PleaseEnter"|T}}{{screenname}},{{"SupportFuzzyQuery"|T}}'  style=" width:200px;"></div>
            <div ng-click="ButtonGet()">
                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sousuo"></use></svg>
                {{"querenshaixuan"|T}}</div>
        </div>
        <div class="train_liebioao_header_right">
            <div class="train_liebiao_Add" btncon="btnAdd" btn-obj="btnlist">
                <!--ng-click="Edit(0)"-->
                <svg class="icon" aria-hidden="true">  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-tianjia"></use></svg>
                <span>{{"Add"|T}}</span></div>
            <div class="train_liebiao_delect" btncon="btnDel" btn-obj="btnlist">
                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shanchu"></use></svg>
                {{"Delete"|T}}</div>
        </div>
    </div>
    <div class="train_liebioao_main">
        <div class="train_liebioao_main_left" style="background-color: #fff;">
            <knowledge-selector know-config="knowConfig" ng-if="knowConfig.isShow" on-callback="onCallbackSer()"></knowledge-selector>
        </div>
        <div class="train_liebioao_main_right">
            <div class="train_liebioao_main_right_header">
                <div class="train_liebioao_main_right_header_main">
                    <div>
                        <div class="liebiaocheck-box " ng-class="{selected:select_all}" ng-click="selectAll()">
                            <!--添加selected为选中样式-->
                            <span class="iconfont" style="left: 1px;">&#xe67a;</span>
                        </div>
                        <span>{{"CheckAll"|T}}</span>
                    </div>
                   <!-- <div>
                    <div class="liebiaocheck-box " ng-class="{selected:params.isOwner}" ng-click="checkOwner()">
                            <span class="iconfont" style="left: 1px;">&#xe67a;</span>
                        </div>
                    <span>只看我创建的</span>
                </div>-->
                    <div style="color: #39f;" >
                        <div ng-mouseover="ShowOk=true">
                            <i ng-if="params.orderby=='asc'" class="iconfont">&#xec4f;</i> <i ng-if="params.orderby=='desc'"
                                class="iconfont">&#xe6b1;</i> {{OrderName}}
                            <ul ng-mouseleave="ShowOk=false" ng-show="ShowOk" style="z-index: 11; right: 0; top: 30px;
                                width: 130px; left: 0; box-shadow: 1px 0px 15px #ccc; border: 0;" class="dropdown-menu">
                                <li ng-repeat="order in orderlist" ng-click="OrderByFun(order.num,order.name)">{{order.name}}
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="train_liebioao_main_right_main" style="display: block;" ng-if="List.length>0">
                <loading isloading="isloading"></loading>
                <li ng-repeat="trainobj in List">
                    <div class="train_liebioao_main_thumbnail">
                        <div class="train_liebioao_main_thumbnail_img">
                            <img ng-src="{{trainobj.course_img}}" onerror="javascript:this.src='/images/train/fengmian001.gif'">
                            <!--直播类型-->
                            <div ng-if="trainobj.hasLive" style="
                            position: absolute;
                            bottom: 0;
                            background-color: rgba(0,0,0,0.6);
                            height: 30px;
                            line-height: 30px;
                            color: #fff;
                            width: 100%;
                        "><span style="
                            background-color: #39f;
                            display: inline-block;
                            padding: 0 10px;
                            margin-right: 5px;
                        ">直播</span>{{trainobj.liveTime}}
                        </div>
                            <div class="liebiaocheck-box" ng-class="{selected:containsList(selectList,trainobj)>=0}"
                                ng-click="setCheck(trainobj)">
                                <span class="iconfont"></span>
                            </div>
                            <div class="train_liebioao_main_thumbnail_xuanfu">
                                <div class="train_liebioao_main_thumbnail_xuanfu_bj">
                                </div>
                                <div class="train_liebioao_main_thumbnail_xuanfu_main">
                                <!--ng-click="yulan(trainobj)"-->
                                    <div >
                                    <a target="_blank" ng-click="openKe(trainobj)">
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-yanjing"></use></svg>
                                        <br>
                                        {{"Preview"|T}}</a></div>
                                    <div ng-click="opentrainstatic(trainobj)">
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-data"></use></svg>
                                        <br>{{"Statistics"|T}}</div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="train_liebioao_main_thumbnail_name" style="text-overflow: ellipsis;width: 220px;">
                            {{trainobj.course_Name}}</div>
                        <div class="train_liebioao_main_thumbnail_xq">
                            {{trainobj.sectionSum}}{{"Chapter"|T}}| <span ng-if="trainobj.slist==undefined">0</span> <span
                                ng-if="trainobj.slist.user_id!=''">{{trainobj.slist.user_id}}</span>{{"PeopleLearn"|T}}</div>
                        <div class="train_liebioao_main_thumbnail_js">
                            <div class="train_date">
                                {{trainobj.create_Date}}</div>
                            <div class="train_lecturer">
                                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-louyutubiaoyonghuzu"></use></svg>
                                {{trainobj.lecturer}}</div>
                        </div>
                        <div class="train_liebioao_main_thumbnail_caozuo">
                            <div ng-click="Edit(trainobj)">
                                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-bianji"></use></svg>
                                {{"Edit"|T}}</div>
                            <div ng-click="Del(trainobj)">
                                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shanchu"></use></svg>
                                {{"Delete"|T}}</div>
                        </div>
                    </div>
                </li>
            </ul>
            <div style="width: 100%; background: #fff; min-height: 490px;" ng-if="List.length<=0">
                <center style=" padding: 40px 0px;">
                    <img src="/images/null/null.png">
                    <div style="font-size:30px;color:#a3a3a3;"  ng-bind="'TrainListNull' | T"></div>
                    <div style="margin: 10px auto;">
                    <div class="btn new_curriculum_null_btn" style="line-height: 28px;padding:6px 35px;background-color:#3399ff;border-color:#3399ff;color:#fff;"  btncon="btnAdd" btn-obj="btnlist">
                    <div class="checkboxsxtjtj" style="background-color:#fff;color:#3399ff;float:left;margin-right:5px;"> +</div>{{"NewCurriculum"|T}}</div>
                    </div>         
                    <img src="/images/null/kecheng_null2.gif" style="width: 100%;"/>           
                </center>
            </div>
            <tm-pagination ng-show="List.length>0" conf="paginationConf"></tm-pagination>
        </div>
        <!---------------------------------------------------------删除弹框------------------------------------------------------------------->
        <knowledge-delete-box del-data-list="deleteList" ng-if="deleteHide" is-hide="cancelHide()" del-All="Del($scope.knowledgeItem,2)" ids="delcourseid.courseids" type="1"></knowledge-delete-box>
       
         <course-share isdata="shareCourse" ng-if="showShare" on-close="closeShare()"></course-share>
   
    </div>

  
